<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>豆瓣电影</title>
    <link rel="shortcut icon" href="https://img3.doubanio.com/favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/pc-movie-douban.css">
    <style>
        @media screen and (max-width:1024px) {
            body{
                width: 1024px;
            }
            .nav{min-width: 1024px;}
            .nav .nav_wrap .nav_primary, .nav .nav_secondary{width: 1000px;}
            #wrapper{width: 1000px;}
            #wrapper .content .article{
                padding-right: 25px;
            }
        }
        html,body{
            font-size: 13px;
        }
        body,td,th{
            font: 12px Helvetica,Arial,sans-serif;
            line-height: 1.62;
        }
        html{color: #111;background-color: #fff;}
        body{margin: 0;padding: 0;}
    </style>
</head>
<body>
    <div id="db_global_nav" class="global_nav">
        <div class="bd">
            <div class="top_nav_info">
                <ul>
                    <!-- 下载豆瓣客户端 -->
                    <li class="top_nav_doubanapp">
                        <a href="javascript:void(0);" class="link_doubanapp">下载豆瓣客户端</a>
                        <!-- 点击显示更多 -->
                        <div id="top_nav_appintro" class="more_items">
                            <p class="appintro_title">豆瓣</p>
                            <p class="appintro_qrcode">扫码直接下载</p>
                            <div class="download">
                                <a href="javascript:void(0);" class="download_iPhone">iPhone</a>
                                <span>·</span>
                                <a href="javascript:void(0);" class="download_android">Android</a>
                            </div>
                        </div>
                    </li>
                    <!-- 提醒 -->
                    <li class="top_nav_reminder">
                        <a href="javascript:void(0);" class="link_remind">提醒</a>
                        <!-- 点击显示更多 -->
                        <div id="top_nav_notimenu" class="more_items">
                            <div class="bd">
                                <p class="no_new_notis">最近没有收到新消息...</p>
                            </div>
                            <div class="ft">
                                <a href="javascript:void(0);">查看全部提醒</a>
                            </div>
                        </div>
                    </li>
                    <!-- 豆邮 -->
                    <li class="top_nav_doumail">
                        <a href="javascript:void(0);" id="top_nav_doumail_link">豆邮</a>
                    </li>
                    <!-- 用户 -->
                    <li class="nav_user_account">
                        <a href="javascript:void(0);" class="bn_more">
                            <span>lena的账号</span>
                            <span class="arrow"></span>
                        </a>
                        <!-- 点击显示更多 -->
                        <div id="top_nav_account" class="more_items">
                            <ul>
                                <li><a href="javascript:void(0);">个人主页</a></li>
                                <li><a href="javascript:void(0);">我的订单</a></li>
                                <li><a href="javascript:void(0);">我的钱包</a></li>
                                <li><a href="javascript:void(0);">账号管理</a></li>
                                <li><a href="javascript:void(0);">退出</a></li>
                            </ul>
                        </div>
                    </li>
                    
                </ul>
            </div>
            <!-- 左侧 -->
            <div class="global_nav_item">
                <ul>
                    <li><a href="javascript:void(0);">豆瓣</a></li>
                    <li><a href="javascript:void(0);">读书</a></li>
                    <li><a href="javascript:void(0);">电影</a></li>
                    <li><a href="javascript:void(0);">音乐</a></li>
                    <li><a href="javascript:void(0);">同城</a></li>
                    <li><a href="javascript:void(0);">小组</a></li>
                    <li><a href="javascript:void(0);">阅读</a></li>
                    <li><a href="javascript:void(0);">FM</a></li>
                    <li><a href="javascript:void(0);">时间</a></li>
                    <li><a href="javascript:void(0);">豆品</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="db_nav_movie" class="nav">
        <div class="nav_wrap">
            <div class="nav_primary">
                <div class="nav_logo">
                    <a href="javascript:void(0);">豆瓣电影</a>
                </div>
                <div class="nav_search">
                    <div class="inp">
                        <input type="text" id="inp_query" name="search_text" size="22" maxlength="60" placeholder="搜索电影、电视剧、综艺、影人">
                    </div>
                    <div class="inp_btn">
                        <input type="submit" value="搜索">
                    </div>
                </div>
            </div>
        </div>
        <div class="nav_secondary">
            <div class="nav_items">
                <ul>
                    <li><a href="javascript:void(0);">我看</a></li>
                    <li><a href="javascript:void(0);">影讯&购票</a></li>
                    <li><a href="javascript:void(0);">选电影</a></li>
                    <li><a href="javascript:void(0);">电视剧</a></li>
                    <li><a href="javascript:void(0);">排行榜</a></li>
                    <li><a href="javascript:void(0);">影评</a></li>
                    <li><a href="javascript:void(0);">2021年度榜单</a></li>
                    <li><a href="javascript:void(0);">2021书影音报告</a></li>
                </ul>
            </div>
            <a href="javascript:void(0);" class="movieannual"></a>
        </div>
    </div>
    <div id="wrapper">
        <div class="content">
            <div class="grid-16-8">
                <div class="article">
                    <!-- 正在热映 -->
                    <div id="screening" class="screening">
                        <div class="hd">
                            <div class="slide_control">
                                <a href="javascript:void(0);" class="btn_prev"></a>
                                <a href="javascript:void(0);" class="btn_next"></a>
                            </div>
                            <div class="slide_tip">
                                <span class="ul_slide_index">1</span>
                                / 
                                <span class="ul_slide_max">4</span>
                            </div>
                            <h2>
                                正在热映
                                <span><a href="javascript:void(0);">全部正在热映»</a></span>
                                <span><a href="javascript:void(0);">即将上映»</a></span>
                            </h2>
                        </div>
                        <div class="screening_bd">
                            <ul class="ul_slide_content">
                                <!-- <li class="ul_slide_item">
                                    <div class="poster">
                                        <a href="javascript:void(0);"><img src="./img/hot01-还是觉得你最好.webp" alt=""></a>
                                    </div>
                                    <div class="title">
                                        <a href="javascript:void(0);">还是觉得你最好</a>
                                    </div>
                                    <div class="rating">
                                        <span class="rating_star star-5"></span>
                                        <span class="subject_rate">7.6</span>
                                    </div>
                                    <div class="ticket_btn">
                                        <span><a href="javascript:void(0);">选座购票</a></span>
                                    </div>
                                </li> -->
                            </ul>
                            <!-- <div class="detailInfo">
                                <div class="de_title">
                                    <span class="name">还是觉得你最好</span>
                                    <span class="alias">飯戲攻心</span>
                                    <span class="releaseTime">2022</span>
                                </div>
                                <div class="rate_reviews">
                                    <span class="rating_star star-4"></span>
                                    <span class="subject_rate">7.6</span>
                                    <span class="review">(<span>51517</span>人评价)</span>
                                </div>
                                <div class="time_country">
                                    <span class="duration">116分钟(中国大陆)</span>
                                    <span class="country">中国大陆</span>
                                </div>
                                <div class="director_actor">
                                    <span>导演<span class="director">陈咏燊</span></span>
                                    <span>主演<span class="actor">黄子华 / 邓丽欣 / 张继聪</span></span>
                                </div>
                            </div> -->
                        </div>
                    </div>
                    <!-- 最近热门电影 -->
                    <div class="gaia gaia_movie">
                        <h2>
                            <div class="hd">最近热门电影</div>
                            <div class="filter">
                                <a href="javascript:void(0);" class="activate" data-type="hot">热门</a>
                                <a href="javascript:void(0);" data-type="newest">最新</a>
                                <a href="javascript:void(0);" data-type="highScore">豆瓣高分</a>
                                <a href="javascript:void(0);" data-type="upsetGreat">冷门佳片</a>
                                <a href="javascript:void(0);" data-type="chinese">华语</a>
                                <a href="javascript:void(0);" data-type="west">欧美</a>
                                <a href="javascript:void(0);" data-type="korea">韩国</a>
                                <a href="javascript:void(0);" data-type="japan">日本</a>
                                <a href="javascript:void(0);" data-type="guess">豆瓣猜</a>
                            </div>
                            <span class="more"><a href="javascript:void(0);">更多»</a></span>
                        </h2>
                        <div class="list_wrapper">
                            <div class="slider_container">
                                <ul class="ul_slide_content"></ul>
                            </div>
                            <div class="slide_control">
                                <a href="javascript:void(0);" class="btn_prev"></a>
                                <!-- <i class="dot activate" data-index="0"></i>
                                <i class="dot" data-index="0"></i>
                                <i class="dot" data-index="0"></i> -->
                                <a href="javascript:void(0);" class="btn_next"></a>
                            </div>
                            <!-- detailInfo -->
                            <div class="detailInfo">
                                <!-- <div class="info">
                                    <h3><a href="javascript:void(0);">婚头转向 ウェディング・ハイ (2022)</a></h3>
                                    <p class="rank">
                                        <span class="rating_star star-4"></span>
                                        <span class="subject_rate">7.6</span>
                                    </p>
                                    <p class="meta">
                                        <span class="green">本周新片</span>
                                        <span>118分钟</span>
                                        <span>日本</span>
                                        <span>剧情</span>
                                        <span>喜剧</span>
                                        <span>爱情</span>
                                        <span>大九明子(导演)</span>
                                        <span>筱原凉子</span>
                                        <span>中村伦也</span>
                                        <span>关水渚</span>
                                    </p>
                                    <p class="collect_area">
                                        <a href="javascript:void(0);">想看</a>
                                        <a href="javascript:void(0);">看过</a>
                                    </p>
                                </div>
                                <p class="comment">
                                    本来这个无聊的故事只是一般般好笑，但是最后屎尿屁段落的加入让它变得格外好笑。其实本质还是在灌鸡汤啦，但是灌鸡汤也有灌得让人不那么反感的技巧，这个就得服。
                                    <span class="author">- 朝阳区妻夫木聪的短评</span>
                                </p> -->
                            </div>
                        </div>
                    </div>
                    <!-- 最近热门电视剧 -->
                    <div class="gaia gaia_tv">
                        <h2>
                            <div class="hd">最近热门电视剧</div>
                            <div class="filter">
                                <a href="javascript:void(0);" class="activate" data-type="hot">热门</a>
                                <a href="javascript:void(0);" data-type="chineseTV">国产剧</a>
                                <a href="javascript:void(0);" data-type="variety">综艺</a>
                                <a href="javascript:void(0);" data-type="usaTV">美剧</a>
                                <a href="javascript:void(0);" data-type="japanTV">日剧</a>
                                <a href="javascript:void(0);" data-type="koreaTV">韩剧</a>
                                <a href="javascript:void(0);" data-type="japanAnimation">日本动画</a>
                                <a href="javascript:void(0);" data-type="documentary">纪录片</a>
                            </div>
                            <span class="more"><a href="javascript:void(0);">更多»</a></span>
                        </h2>
                        <div class="list_wrapper">
                            <div class="slider_container">
                                <ul class="ul_slide_content"></ul>
                            </div>
                            <div class="slide_control">
                                <a href="javascript:void(0);" class="btn_prev"></a>
                                <a href="javascript:void(0);" class="btn_next"></a>
                            </div>
                            <!-- detailInfo -->
                            <div class="detailInfo"></div>
                        </div>
                    </div>
                    <!-- 热门推荐 -->
                    <div class="gallery_frames">
                        <div class="hd">
                            <div class="slide_control">
                                <a href="javascript:void(0);" class="btn_prev"></a>
                                <a href="javascript:void(0);" class="btn_next"></a>
                            </div>
                            <div class="slide_tip">
                                <span class="ul_slide_index">1</span>
                                / 
                                <span class="ul_slide_max">8</span>
                            </div>
                            <h2>热门推荐</h2>
                        </div>
                        <div class="hot_gallery">
                            <ul class="ul_slide_content"></ul>
                        </div>
                    </div>
                    <!-- 最受欢迎的影评 -->
                    <div class="reviews">
                        <div class="hd">
                            <h2>
                                最受欢迎的影评
                                <span><a href="javascript:void(0);">更多热门影评»</a></span>
                                <span><a href="javascript:void(0);">新片影评»</a></span>
                            </h2>
                        </div>
                        <div class="reviews_bd"></div>
                    </div>
                </div>
                <!-- 右侧 -->
                <div class="aside">
                    <div class="rating_answer">
                        <a href="javascript:void(0);">豆瓣电影评分八问</a>
                    </div>
                    <div class="ad">
                        <div class="adsbygoogle"></div>
                        <div class="tag">由谷歌提供的广告</div>
                    </div>
                    <div class="billboard">
                        <div class="billboard_hd">
                            <h2>
                                一周口碑榜
                                <span><a href="javascript:void(0);">更多榜单»</a></span>
                            </h2>
                        </div>
                        <div class="billboard_bd">
                            <ul>
                                <li>
                                    <span class="order">1</span>
                                    <span class="title"><a href="javascript:void(0);">咒术回战0 剧场版</a></span>
                                </li>
                                <li>
                                    <span class="order">2</span>
                                    <span class="title"><a href="javascript:void(0);">穿着鞋子的贝壳马塞尔</a></span>
                                </li>
                                <li>
                                    <span class="order">3</span>
                                    <span class="title"><a href="javascript:void(0);">沼泽深处的女孩</a></span>
                                </li>
                                <li>
                                    <span class="order">4</span>
                                    <span class="title"><a href="javascript:void(0);">致敬</a></span>
                                </li>
                                <li>
                                    <span class="order">5</span>
                                    <span class="title"><a href="javascript:void(0);">还是觉得你最好</a></span>
                                </li>
                                <li>
                                    <span class="order">6</span>
                                    <span class="title"><a href="javascript:void(0);">妈妈！</a></span>
                                </li>
                                <li>
                                    <span class="order">7</span>
                                    <span class="title"><a href="javascript:void(0);">安静的女孩</a></span>
                                </li>
                                <li>
                                    <span class="order">8</span>
                                    <span class="title"><a href="javascript:void(0);">乌斯特雷姆</a></span>
                                </li>
                                <li>
                                    <span class="order">9</span>
                                    <span class="title"><a href="javascript:void(0);">阿尔卡拉斯</a></span>
                                </li>
                                <li>
                                    <span class="order">10</span>
                                    <span class="title"><a href="javascript:void(0);">仇念</a></span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="doulist">
                        <h2>热门片单</h2>
                        <ul>
                            <li>
                                <span>278推荐</span>
                                <div class="title">
                                    <a href="javascript:void(0);">没有最低分，只有更低分</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="contact_cooperation">
                        <h2>合作联系</h2>
                        <div class="contact_cooperation_bd">
                            <ul>
                                <li>电影合作邮箱：<img src="./img/email_movie.png"></li>
                                <li>电视剧合作邮箱：<img src="./img/email_tv.png"><img src="./img/ic_new.png" class="new"></li>
                            </ul>
                        </div>
                    </div>
                    <br>
                    <div class="contact">
                        <h2>关注我们</h2>
                        <ul class="embassy_list">
                            <li>
                                <a href="javascript:void(0);" class="embassy_img"><img src="./img/weibo.png" alt=""></a>
                                <a href="javascript:void(0);" class="primary_link">微博</a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" class="embassy_img"><img src="./img/weixin.png" alt=""></a>
                                <a href="javascript:void(0);" class="primary_link">微博</a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" class="embassy_img"><img src="./img/banzui.png" alt=""></a>
                                <a href="javascript:void(0);" class="primary_link">微博</a>
                            </li>
                            <li>
                                <a href="javascript:void(0);" class="embassy_img"><img src="./img/guangyingclub.png" alt=""></a>
                                <a href="javascript:void(0);" class="primary_link">微博</a>
                            </li>
                        </ul>
                    </div>
                    
                    <div class="ad2">
                        <div class="adsbygoogle">
                            <a href="javascript:void(0);" class="pic"><img src="./img/ad2.jpg" alt=""></a>
                            <div class="article_info">
                                <p class="title"><a href="javascript:void(0);">人类生活的脆弱性与对正义的寻求</a></p>
                                <p class="author">豆瓣时间</p>
                            </div>
                        </div>
                        <div class="tag">广告</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <span id="icp" class="fleft gray_link">© 2005－2022 douban.com, all rights reserved 北京豆网科技有限公司</span>
            <span class="fright">
                <a href="javascript:void(0);">关于豆瓣</a>
                · 
                <a href="javascript:void(0);">在豆瓣工作</a>
                · 
                <a href="javascript:void(0);">联系我们</a>
                · 
                <a href="javascript:void(0);">法律声明</a>
                · 
                <a href="javascript:void(0);">帮助中心</a>
                · 
                <a href="javascript:void(0);">移动应用</a>
                · 
                <a href="javascript:void(0);">豆瓣广告</a>
            </span>
        </div>
    </div>


    <script src="./lib/jquery-3.6.1.min.js"></script>
    <script src="./js/pc-movie-douban.js"></script>
</body>
</html>